{extend name='public/layout' /}
{block name='content'}
{include file='xiaoqu/nav' /}
<div class="div_box">
    <h1 class="h1_title"><span class="h1_title_t">小区图片</span></h1>
    <div class="type_ul">
        <ul>
            {volist name='info.file' id='vo'}
            <li {if condition="$i % 2 eq 0"} style="margin-right:0" {/if} >
                    <a class="img_list" href="{$vo.url}">
                        <img title="{$vo.title}" src="{$vo.url}"></a>
            <p>{$vo.title}</p>
            </li>
            {/volist}

        </ul>
        <div style="float: none;clear: both"></div>
    </div>
</div>
<link href="__PUBLIC__/js/photoswipe/css/photoswipe.css" rel="stylesheet" />
<script src="__PUBLIC__/js/photoswipe/js/klass.min.js"></script>
<script src="__PUBLIC__/js/photoswipe/js/photoswipe.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var myPhotoSwipe = $(".type_ul a").photoSwipe({
            enableMouseWheel: false,
            enableKeyboard: false,
            captionAndToolbarAutoHideDelay: 0
        });
    });
</script>
{/block}